<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../utils/flexible.js"></script>
    <script src="../utils/getUrlParams.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/productdetails.css">
    <script src="../js/productlist.js"></script>
</head>
<body>

    <div class="header" id="top">
        <img src="../assets/imgs/header_logo.png" alt="">
        <img src="../assets/imgs/header_app.png" alt="">
    </div>
    <div class="searchbox">
        <input type="text" placeholder="请输入你想比价的产品">
        <button>搜索</button>
    </div>

    <div class="nav">
        <a href="../index.html">首页</a> > <a class="categoryname"></a> >
        <a class="productname" href=""></a> >
        <button>筛选</button>
    </div>

    <div class="info">
        <div class="imgs">
            <img src="../assets/imgs/ic_bcj.png" alt="">
        </div>
        <p>乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视</p>
        <div>
            <span>当前最低6000</span>
            <b>优选评论8888</b>
        </div>
        <div>
            <span>图片</span>
            <span>京东商城</span>
            <span>19999</span>
            <span>去购买</span>
        </div>
    </div>

    <div class="ping">
        <p>网友评价</p>
    </div>

    <div class="contain">
        <ul>
            <li>
                <div class="man">
                    <b>******</b>
                    <span>2018/25/5</span>
                </div>
                <div>
                    使用了一周整体不错，主要是为了看纪录片和足球。装在窗户上有种大鱼缸的感觉哈！清晰度不错色彩也可以，应该说对得起2200的价格！还送了五年乐视会员，看英超所有比赛都free，但乐观乐视内容这块还不太丰富，应为家里也有百事通bestv和小米盒子，比较了下，电影百事通最好，纪录片小米最好，只有体育这块乐视比那两家好，还要多努力啊！电视本身有个不足，音响太差，太山寨了！而且不支持3.5mm接口或红白莲音频输出，害得我折腾半天，必须买光纤音频线
                </div>
                <div class="come">
                    <span>购买自：京东商城</span>
                </div>
            </li>
        </ul>
    </div>


    <div class="footer">
        <div class="more">
            <a>更多优惠信息>></a>
        </div>
        <div class="chart">
            <span>品牌排行</span>
        </div>
        <ul>
            <li>登入</li>
            <li>注册</li>
            <li><a href="#top">返回顶部</a></li>
        </ul>
        <p>手机APP下载 慢慢买手机版 -- 掌上比价平台</p>
        <p>m.manmanbuy.com</p>
    </div>


    <script>
        let href = getUrlParams(location.href);
        $.ajax({
            url:"http://chst.vip:1234/api/getproduct?productid="+href.productid,
        }).then(res=>{
            
            creatEl(res.result);
        })
        $.ajax({
            url:"http://chst.vip:1234/api/getproductcom?productid="+href.productid,
        }).then(res=>{
            creatComment(res.result);
        })



        function creatComment(data) {
            let html = "";
            console.log(data);
            data.forEach(item=>{
                html += `
                <li>
                    <div class="man">
                        <b>${item.comName}</b>
                        <span>${item.comTime}</span>
                    </div>
                    <div>
                        ${item.comContent}
                    </div>
                    <div class="come">
                        <span>${item.comFrom}</span>
                    </div>
                </li>
                `;
            })
            $(".contain ul li").html(html);
            $(".productname").text(href.productname)
            $(".categoryname").text(href.categoryname)
            $(".categoryname").click(function() {
                location.href = "./productlist.html?pageid=1&categoryid=" + href.categoryid +"&categoryname=" + href.categoryname;
            })
        }

//         comId: 60
// comName: "j***北"
// comTime: "2015/7/30"
// comFrom: "购买自：京东商城"
// comContent: "总体满意吧，毕竟一分价钱一分货，做工简陋，显得份量没那么足。外机很轻，不知道是啥牌子压缩机，外观漂亮，就是工艺差了点 很一般的孰料板，然后就是最为重要的制冷效果，适合18平方一下的，大房间上1.5 吧  1匹的要开一个两个小时，房间整体温度才会降下来，噪音方面确实很静音，制冷效果不是很理想，但是也够用了！安装师傅很积极，上午一收货，下午立马就来安装，速度很赞，但是做起事情来，太急忙了，一点都不细心弄，还不停的接电话，说什么马上到 20分钟到，很赶时间的样子，随便给我装好了，连打孔的那个孰料圈都忘记卡上去，打孔很薄的墙壁 收了我50块钱，最后安装完，急忙走了！"
// productId: 20
// categoryId: 1

        function creatEl(data) {
            let html = "";
            // console.log(data);
            data.forEach(item => {
                html +=`
                <div class="imgs">
                    ${item.productImg}
                </div>
                <p>${item.productName}</p>
                ${item.bjShop}
                `;
            });
            // console.log(html);
            $(".info").html(html);
            
        }
    </script>
</body>
</html>